<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style> 
		*{margin: 0; padding: 0;}
		.head{ height: 100px;  background-color: darkviolet;  width: 468px;}
		.foot{  height: 100px;  background: cyan;      width: 468px;}
	body>div{	width: 468px;
	
	}
		.a1{ background-color: red;  width: 150px;  float: left;}
	.a2{ background-color: greenyellow;  width: 148px;    float: left;
	margin: 0px 6px;
	}
	.a3{ background-color: yellow;  width: 158px;   float: left;}
		
		
		</style>
	</head>
	<body>
		<div class="head"></div>
		<div class="body">
			<div  class="a1">1</div>
		<div   class="a2">2</div>
		<div    class="a3">3</div>
		</div>
		<div class="foot"></div>
	</body>
</html>
